<template>
    <el-form label-position="left" class="mi-drawer-info">
        <el-form-item label="角色名 :">
            <span>{{data.name}}</span>
        </el-form-item>
        <el-form-item label="键 :">
            <span>{{data.code}}</span>
        </el-form-item>
    </el-form>
</template>

<script lang="ts">
    import {Component, Prop} from 'vue-property-decorator'
    import {mixins} from "vue-class-component";
    import BaseVue from "@/core/mixin/BaseVue";
    import Kit from "@/core/mixin/Kit";
    import {copy} from "@/core/utils/Utils";

    @Component({
        name: 'RoleInfo',
        components: {},
    })
    export default class RoleInfo extends mixins(BaseVue, Kit) {
        @Prop({default: {}}) data!: any;
        @Prop({default: {}}) option!: any;

        //初始化
        async mounted() {
            this.data = copy(this.data);
        }

        //重新获取焦点
        activated() {
        }

        //失去焦点
        deactivated() {
        }


    }


</script>

<style scoped type="scss">


    /*.demo-statistics-table-expand label {*/
    /*    font-size: 0;*/
    /*    width: 100px;*/
    /*    color: #99a9bf;*/
    /*}*/


    /*.block .timeline {*/
    /*    padding-left: 0px;*/
    /*    margin-top: 40px;*/
    /*}*/

    /*.demo-drawer__footer {*/
    /*    margin: 20px 20px 0 20px;*/
    /*    text-align: center;*/
    /*}*/

    /*.demo-drawer__footer button {*/
    /*    width: 100%;*/
    /*}*/
</style>
